import React, {Component} from 'react';
import './rider.css'

class Rider extends Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div className='mormal-font '>
                <div className='rider'>
                <div className='rider-info'>
                    <div className="white-bg wrap-order">
                        <div className='flex order-div'>
                            <div>乘车人</div>
                            <div><input type='text' placeholder='请输入乘车人姓名'/></div>
                        </div>
                        <div className='flex order-div'>
                            <div>手机号</div>
                            <div><input type='text' placeholder='请输如手机号'/></div>
                        </div>
                    </div>
                </div>
                <div className='rider-list samll-font'>
                    <img src={require('../../assets/head.png')} alt=''/>
                    <div>通讯录</div>
                </div>
                </div>
                <div>
                    <div className='center'>历史乘车人</div>
                    <div className="white-bg wrap-order">
                        <div className='flex order-div'>
                            <div>刘鸿燕</div>
                            <div>18510064517</div>
                        </div>
                        <div className='flex order-div'>
                            <div>刘鸿燕</div>
                            <div>18510064517</div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }

}

export default Rider